<!DOCTYPE html>
<%@taglib prefix="s" uri="/struts-tags" %>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<s:head />
</head>
<body>
	
	<!--header bottom-->
	<div class="header-bottom">
		<div class="container">

			<div class="blog_filter clearfix ">
				<ul class="filter_menu">
					<li class="current-menu-item"><a href="#">All</a></li>
					<li><a href="#">Web Design</a></li>
					<li><a href="#">Illustration</a></li>
					<li><a href="#">Coding &amp; Developement </a></li>
					<li><a href="#">Promotions </a></li>
				</ul>
			</div>

		</div>
	</div>
	<!--/header bottom-->

	<!--middle-->
	<div id="middle" class="cols2">
		<div class="container">
			
		<!--content-->
		<div class="content " role="main">
			<!-- article details -->
			<article class="post-item post-detail clearfix">
				<div class="post-image"><img src="images/temp/newIconSet.jpg" alt=""></div>
				<div class="post-title"><h2>New icon pack released!</h2></div>
				<div class="post-meta-top">
				<div class="post-date">
					<span class="date">21</span>
					<span class="month">FEB</span>
				</div>
				</div>
				<div class="post-desc clearfix">

					<p>Web servers, by their very nature, are usually exposed to outsiders and thus are vulnerable to compromise and attack. Internet Information Services (IIS) version 6,included with Windows Server 2003, provides a number of new security features designed to increase web server.</p>

					<p>Placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat volutpat. Mauris vel neque sit amet nunc gravida congue sed sit amet purus. Quisque lacus quam, egestas ac tincidunt a, lacinia vel velit. Aenean facilisis nulla vitae urna tincidunt congue sed ut dui. Morbi malesuada nulla nec purus convallis consequat. Vivamus id mollis quam. Morbi ac commodo nulla. In condimentum orci id nisl volutpat.</p>

					<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper, magna diam porttitor mauris, quis sollicitudin sapien justo in libero. Vestibulum mollis mauris enim.</p>

					<p>Morbi euismod magna ac lorem rutrum elementum. Donec viverra auctor lobortis. Pellentesque eu est a nulla placerat dignissim. Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi. Aliquam erat volutpat. Mauris vel neque sit amet nunc gravida congue sed sit amet purus. Quisque lacus quam, egestas ac tincidunt a, lacinia vel velit. Aenean facilisis nulla vitae urna tincidunt congue sed ut dui.</p>
				</div>

				<!-- author description -->
                <div class="author-box ">
                    <div class="author-description clearfix">
            		<div class="author-image"><img src="images/temp/ava3.png" alt=""></div>
                  	<div class="author-text">
                    	<h4>John Doe</h4>
                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae abtore veritatis et quasi architecto beatae vitae.  </p>
                    </div>
                	</div>        
                </div>
                <!--/ author description -->

				<div class="post-meta-bot clearfix">
					<div class="post-meta post-view"><span><i class="view-ico"></i>172</span></div>
					<div class="post-meta post-comm"><span><i class="comment-ico"></i>34</span></div>
					<div class="post-meta post-author"><span><i class="pencil-ico"></i>John Doe</span></div>
					<div class="post-meta post-read"><span><i class="calendar-ico"></i>21 Feb 2013</span></div>
				</div>
			</article>
			<!-- article details -->
				<div class="clear"></div>
			<!-- post comments -->
            <div class="comment-list clearfix" id="comments">  
            	<h2>4 Comments Added</h2>            
                <a href="#addcomments" class="link-add-comment anchor">Join Discusion</a>
                                              
                <ol>
                    <li class="comment">
                    
                        <div class="comment-body">
                            <div class="comment-avatar">
                                <div class="avatar"><img src="images/temp/ava2.png" alt=""></div>
                            </div>    
                            <div class="comment-text">
                                <div class="comment-author">
                                <a href="#" class="link-author">John Doe</a> <span class="comment-date">21 JAN 2013</span> | <a href="#" class="link-reply">Reply</a>
                                </div>
                                <div class="comment-entry">
                                Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae abtore veritatis et quasi architecto beatae vitae       
                            </div>
                        </div>
                        <div class="clear"></div>
                        </div>
                        
                        <!-- comment reply -->
                        <ul class="children">
                            <li class="comment">
                                <div class="comment-body">
                                    <div class="comment-avatar">
                                        <div class="avatar"><img src="images/temp/ava.png" alt=""></div>
                                    </div> 
                                    <div class="comment-text">
                                        <div class="comment-author">
                                        <span class="link-author">Chris Wootton</span> <span class="comment-date">4 FEB 2013</span> | <a href="#" class="link-reply">Reply</a>
                                        </div>
                                        <div class="comment-entry">
                                        Rebekah Brooks, the former chief executive of Rupert Murdoch's News International was arrested on suspicion of illegally intercepting phone calls and bribing the police.
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                
                                <!-- comment reply -->
                                    <ul class="children">
                                        <li class="comment">
                                            <div class="comment-body">
                                                <div class="comment-avatar">
                                                    <div class="avatar"><img src="images/temp/ava2.png" alt=""></div>
                                                </div> 
                                              <div class="comment-text">
                                                    <div class="comment-author"><a href="#" class="link-author">John Doe</a><span class="comment-date">4 FEB 2013</span> | <a href="#" class="link-reply">Reply</a>
                                                  </div>
                                                    <div class="comment-entry">
                                                    Thank you.
                                                </div>
                                                </div>
                                                <div class="clear"></div>
                                            </div>
                                            
                                    
                                        </li>
                                        
                                    </ul>
                                    <!--/ comment reply -->
                        
                            </li>
                            
                        </ul>
                        <!--/ comment reply -->
                    </li>
                    
                    <li class="comment">
                        <div class="comment-body">
                    
                        <div class="comment-avatar">
                            <div class="avatar"><img src="images/temp/ava3.png" alt=""></div>
                        </div> 
                        <div class="comment-text">
                            <div class="comment-author">
                                <a href="#" class="link-author">John Doe</a> <span class="comment-date">21 JAN 2013</span> | <a href="#" class="link-reply">Reply</a>
                            </div>                                        
                            <div class="comment-entry">
                            Country's top police officer quit and Rebekah Brooks, the former chief executive of Rupert Murdoch's News International was arrested on suspicion.
                            </div>
                        </div>
                        <div class="clear"></div>
                        </div>
                    </li>
                                            
                </ol>
			</div>
			<!--/ post comments -->
            
            <!-- comment form -->
                <div class="add-comment" id="addcomments">
                    
                    <div class="add-comment-title">
                        <h3>Leave a reply</h3>
                    </div>
                    
                    <div class="comment-form">
                    <form action="#" method="post" id="commentForm">
                        <div class="form-inner">
                        <div class="row alignleft field_text">
                            <label class="label_title">Name</label>
                            <input type="text" name="name" value="" class="inputtext input_middle required">
                        </div>
                                                              
                        <div class="row alignleft field_text omega">
                            <label class="label_title">Email (never published)</label>
                            <input type="text" name="email" value="" class="inputtext input_middle required">
                        </div>
                        
                        <div class="clear"></div>  
                        <div class="row">
                            <label class="label_title">Message</label>
                            <textarea cols="30" rows="10" name="message" class="textarea textarea_middle required"></textarea>
                        </div>
                        </div>
                        <div class="row rowSubmit clearfix">
                            <input type="submit" value="Send Message" class="btn btn-default">                            
                            <a onclick="document.getElementById('commentForm').reset();return false" href="#" class="link-reset">Reset all fields</a>
                        </div>
                    </form>
                    </div>
                </div>
                <!--/ comment form --> 

		</div>
		<!-- /content-->

		<!-- sidebar-->
		<div class="sidebar">

			<!-- widget categories -->
			<div class="widget-container widget_categories">
			<h3 class="widget-title">BLOG CATEGORIES</h3>
			<ul>
				<li><a href="#"><span>Web Design</span><i class="ico-cat ico-cat1"></i></a></li>
				<li class="current-menu-item"><a href="#"><span>Illustrator</span><i class="ico-cat ico-cat2"></i></a></li>
				<li><a href="#"><span>Coding &amp; Developement</span><i class="ico-cat ico-cat3"></i></a></li>
				<li><a href="#"><span>Promotions</span><i class="ico-cat ico-cat4"></i></a></li>
			</ul>
			</div>
			<!--/widget categories-->

			<!-- latest comment-->
			<div class="widget-container widget_recent_comments">
			<h3 class="widget-title">Latest Comments</h3>
			<ul id="recentcomments">
                    <li class="recentcomments clearfix">
                    <a href="#"><img src="images/temp/thumb.png" alt="" class="thumbnail"></a>
                    <span class="recent_comment"><a href="#" rel="external nofollow" class="url">John Doe:</a> UP fan takes to the skies in a house by tying hundreds of  </span></li>
                    <li class="recentcomments clearfix">
                    <a href="#"><img src="images/temp/thumb-2.png" alt="" class="thumbnail"></a>
                    <span class="recent_comment"><a href="#" rel="external nofollow" class="url">Dimi:</a> Working in paradise is just murder! Ben Miller is on the case  </span></li>
                    <li class="recentcomments clearfix">
                    <a href="#"><img src="images/temp/thumb-3.png" alt="" class="thumbnail"></a>
                    <span class="recent_comment"><a href="#" rel="external nofollow" class="url">Alex84:</a> Mancini red rage! Kompany facing ban for 'nothing' fumes City</span></li>
                    <li class="recentcomments clearfix">
                    <a href="#"><img src="images/temp/thumb-4.png" alt="" class="thumbnail"></a>
                    <span class="recent_comment"><a href="#" rel="external nofollow" class="url">Serghey:</a> Adebayor set for Africa Cup of Nations as Togo chief overrules </span></li>
                </ul>
			</div>
			<!-- latest comment -->

			<!-- widget_tag_cloud -->
            <div class="widget-container widget_tag_cloud">             
                <h3 class="widget-title">Tags</h3>
                <div class="tagcloud">
                    <a href='#' class='tag-link-4' title='2 topics' ><span>Design</span></a>
                    <a href='#' class='tag-link-7' title='3 topics' ><span>Illustration</span></a>
                    <a href='#' class='tag-link-3' title='2 topics' ><span>Interface</span></a>
                    <a href='#' class='tag-link-6' title='3 topics' ><span>Typography</span></a>
                    <a href='#' class='tag-link-5' title='2 topics' ><span>Art</span></a>
                    <a href='#' class='tag-link-5' title='2 topics' ><span>High resolution</span></a>
                </div>
            </div>
            <!--/ widget_tag_cloud -->

            <!-- newsletter widget -->
	            <div class="widget-container-2 newsletterBox">
	                <div class="inner">
	                <h3>Newsletter sign-up</h3>                    
                    <form method="get" action="#">
                    <input type="text" value="" name="email" class="inputField">
                   	<input type="submit" value="Go" class="btn btn-default">     
                    <div class="newsletter_text"><a href="#" class="link-news-rss">Subscribe also to our <span>RSS feed</span></a></div>
                	</form>     
	                </div>
	            </div>
            <!--/ newsletter widget -->

		</div>
		<!--/sidebar-->
		<div class="clear"></div>
	</div>
	</div>
	<!--/middle-->

</body>
</html>